import { ElSwitch } from 'element-plus';
import './style.scss';

// export const MciSwitch = defineComponent({
//   name: 'MciSwitch',
//   props: {
//     disabled: {
//       type: Boolean,
//       default: false
//     },
//     inlinePrompt: {
//       type: Boolean,
//       default: false
//     },
//     activeText: {
//       type: String,
//       default: ''
//     },
//     inactiveText: {
//       type: String,
//       default: ''
//     },
//     beforeChange: {
//       type: Function,
//       default: ()=> {}
//     }
//   },
//   render() {
//     return (
//       <ElSwitch
//         class="mci-switch"
//         disabled={this.disabled}
//         inline-prompt={this.inlinePrompt}
//         active-text={this.activeText}
//         inactive-text={this.inactiveText}
//         before-change={this.beforeChange}
//       />
//     );
//   }
// });

export const MciSwitch = defineComponent<Partial<InstanceType<typeof ElSwitch>>>({
  name: 'MciSwitch',
  render() {
    return <ElSwitch class="mci-switch" />;
  }
});
